<!-- <div class="row"> -->
<!-- <button [ngClass]="calculateClasses()" type="submit" (mouseover)="test()" (mouseout)="setFalse()">1:00</button>
  <button [ngClass]="calculateClasses()" type="submit" (mouseover)="test()" (mouseout)="setFalse()">1:00</button>
  <button [ngClass]="calculateClasses()" type="submit" (mouseover)="test()" (mouseout)="setFalse()">1:00</button>
  <button [ngClass]="calculateClasses()" type="submit" (mouseover)="test()" (mouseout)="setFalse()">1:00</button>
  <button [ngClass]="calculateClasses()" type="submit" (mouseover)="test()" (mouseout)="setFalse()">1:00</button>
  <button [ngClass]="calculateClasses()" type="submit" (mouseover)="test()" (mouseout)="setFalse()">1:00</button>
  <button [ngClass]="calculateClasses()" type="submit" (mouseover)="test()" (mouseout)="setFalse()">1:00</button>
  <button [ngClass]="calculateClasses()" type="submit" (mouseover)="test()" (mouseout)="setFalse()">1:00</button>
  <button [ngClass]="calculateClasses()" type="submit" (mouseover)="test()" (mouseout)="setFalse()">1:00</button>
  <button [ngClass]="calculateClasses()" type="submit" (mouseover)="test()" (mouseout)="setFalse()">1:00</button> -->
<!-- <button [isLeftKeyDown]="isLeftKeyDown" class="btn btn-primary" type="submit" appTimeSelect>1:30</button>
  <button class="btn btn-primary" type="submit" appTimeSelect [isLeftKeyDown]="isLeftKeyDown">2:00</button>
  <button class="btn btn-primary" type="submit" appTimeSelect [isLeftKeyDown]="isLeftKeyDown">2:30</button>
  <button class="btn btn-primary" type="submit" appTimeSelect [isLeftKeyDown]="isLeftKeyDown">3:00</button>
  <button class="btn btn-primary" type="submit" appTimeSelect [isLeftKeyDown]="isLeftKeyDown">3:30</button> -->
<!-- <div mousedownListener>1</div>
  <div mousedownListener>2</div>
  <div mousedownListener>3</div>
  <div mousedownListener>4</div>
  <div mousedownListener>5</div>
  <button class="btn btn-primary" type="submit" mousedownListener [isLeftkeyDown]="isLeftkeyDown" >4:30</button>
  <button class="btn btn-primary" type="submit" mousedownListener [isLeftkeyDown]="isLeftkeyDown">5:00</button>
  <button class="btn btn-primary" type="submit" mousedownListener [isLeftkeyDown]="isLeftkeyDown">5:30</button>
  <button class="btn btn-primary" type="submit" mousedownListener [isLeftkeyDown]="isLeftkeyDown">6:00</button>
  <button class="btn btn-primary" type="submit" mousedownListener [isLeftkeyDown]="isLeftkeyDown">4:30</button>
  <button class="btn btn-primary" type="submit" mousedownListener [isLeftkeyDown]="isLeftkeyDown">5:00</button>
  <button class="btn btn-primary" type="submit" mousedownListener [isLeftkeyDown]="isLeftkeyDown">5:30</button>
  <button class="btn btn-primary" type="submit" mousedownListener [isLeftkeyDown]="isLeftkeyDown">6:00</button>
</div>
<div class="row">
  <button class="btn btn-primary" type="submit">1:00</button>
  <button class="btn btn-primary" type="submit">1:30</button>
  <button class="btn btn-primary" type="submit">2:00</button>
  <button class="btn btn-primary" type="submit">2:30</button>
  <button class="btn btn-primary" type="submit">3:00</button>
  <button class="btn btn-primary" type="submit">3:30</button>
  <button class="btn btn-primary" type="submit">4:00</button>
  <button class="btn btn-primary" type="submit">4:30</button>
  <button class="btn btn-primary" type="submit">5:00</button>
  <button class="btn btn-primary" type="submit">5:30</button>
  <button class="btn btn-primary" type="submit">6:00</button>
</div>
<div class="row">
  <button class="btn btn-primary" type="submit">11:00</button>
  <button class="btn btn-primary" type="submit">1:30</button>
  <button class="btn btn-primary" type="submit">2:00</button>
  <button class="btn btn-primary" type="submit">2:30</button>
  <button class="btn btn-primary" type="submit">3:00</button>
  <button class="btn btn-primary" type="submit">3:30</button>
  <button class="btn btn-primary" type="submit">4:00</button>
  <button class="btn btn-primary" type="submit">4:30</button>
  <button class="btn btn-primary" type="submit">5:00</button>
  <button class="btn btn-primary" type="submit">5:30</button>
  <button class="btn btn-primary" type="submit">6:00</button>
</div>

{{isLeftKeyDown}} {{count}} -->
<!-- <div class="row">
  <app-time  [isLeftKeyDown]="isLeftKeyDown"></app-time>
  <app-time  [isLeftKeyDown]="isLeftKeyDown"></app-time>
  <app-time  [isLeftKeyDown]="isLeftKeyDown"></app-time>
  <app-time  [isLeftKeyDown]="isLeftKeyDown"></app-time>
  <app-time  [isLeftKeyDown]="isLeftKeyDown"></app-time>
</div> -->
<!-- <div mousedownListener 
(onLeftkeyup)="onLeftkeyup()" 
(onLeftkeydown)="onLeftkeydown()">
  <span *ngFor="let time of timeArray">
    <app-time *ngFor="let time of timeArray" [time]="time" [isLeftKeyDown]="isLeftKeyDown"></app-time>
  </span>
</div> -->
<div>
  <button class="btn btn-primary" (click)="onAMClick()">0-12 AM</button>
  <button class="btn btn-primary" (click)="onPMClick()">0-12 PM</button>
</div>
<div class="time_0" mousedownListener (onLeftkeyup)="onLeftkeyup()" (onLeftkeydown)="onLeftkeydown()">

  <app-time-zone 
    *ngFor="let number of numberArray" 
    [divNumber]="number" 
    [isLeftKeyDown]="isLeftKeyDown"
    [isAMClick] = "isAMClick"
    [isPMClick] = "isPMClick"
    (resetKey)="onLeftkeyup()">
</app-time-zone>
</div>
<div>
  <button *ngFor="let a of timeArray">{{a}}</button>
</div>
